<template>
    <div class="exam-wrap">
        <div class="content bgc-ff">
            <!-- 考试首页主体部分 -->
            <div class="exam-page-wrap page-wrap">
                <!-- 头部标题 -->
                <section class="exam-title">
                    <div class="percent-width25 font-29 c-222">我的考试</div>
                    <a class="font-22 c-blue">
                        专业/科目
                        <i></i>
                    </a>
                </section>
                <!-- 排名 -->
                <section class="exam-rank">
                    <div class="exam-rank-left">
                        <p class="font-22 c-333">当前总排名</p>
                        <div class="exam-rank-left-img-wrap">
                            <div class="exam-rank-left-txt">
                                <div id="user-rank" class="bold font-29 c-35">0</div>
                            </div>
                            <section class="exam-rank-left-bg-wrap">
                                <div class="exam-rank-left-bg">
                                    <section class="erl-bg erl-bg1"></section>
                                    <section class="erl-bg erl-bg2"></section>
                                    <section class="erl-bg erl-bg3"></section>
                                </div>
                            </section>
                        </div>
                    </div>
                    <div class="exam-rank-right c-777 font-20">
                        <div>
                            <div class="percent-width46">
                                <div>平均正确率(%)</div>
                                <div class="font-27 c-35 bold" id="correct-rate">0</div>
                            </div>
                            <div class="percent-width46">
                                <div>平均成绩(分)</div>
                                <div class="font-27 c-35 bold" id="average-score">0</div>
                            </div>
                        </div>
                        <div class="mt18">
                            <div class="percent-width46">
                                <div>做题总量(个)</div>
                                <div class="font-27 c-35 bold" id="question-number">0</div>
                            </div>
                            <div class="percent-width46">
                                <div>已做试卷(套)</div>
                                <div class="font-27 c-35 bold" id="exam-number">0</div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- 做题记录 -->
                <section class="exam-record bgc-ff">
                    <div class="exam-record-lining">
                        <a class="btn font-20 c-24" href="">
                            <span class="iconfont icon-shijian bold"></span>
                            <span class="exam-record-content">做题记录</span>
                        </a>
                    </div>
                </section>
                <!-- 答题链接 -->
                <section class="exam-link font-31 bgc-ff">
                    <ul>
                        <li class="exam-link-item">
                            <router-link to="/examPoint/point" id="pointExamBox">
                                <div class="item-media">
                                    <span class="exam-in-item-icon exam-in-item-icon-1"></span>
                                </div>
                                <div class="item-inner">
                                    <div class="item-title">
                                        <span class="c-000 font-34">考点练习</span>
                                        <section class="item-comment c-777 font-25">
                                            <span class="font-22">按大纲考点，自选题库，效果快</span>
                                        </section>
                                    </div>
                                </div>
                            </router-link>
                        </li>
                        <li class="exam-link-item">
                            <router-link to="/examPoint/error" id="errorExamBox">
                                <div class="item-media">
                                    <span class="exam-in-item-icon exam-in-item-icon-2"></span>
                                </div>
                                <div class="item-inner">
                                    <div class="item-title">
                                        <span class="c-000 font-34">错题练习</span>
                                        <section class="item-comment c-777 font-25">
                                            <span class="font-22">根据练习历史，针对错题再练习</span>
                                        </section>
                                    </div>
                                </div>
                            </router-link>
                        </li>
                        <li class="exam-link-item">
                            <a href="">
                                <div class="item-media">
                                    <span class="exam-in-item-icon exam-in-item-icon-3"></span>
                                </div>
                                <div class="item-inner">
                                    <div class="item-title">
                                        <span class="c-000 font-34">自由组卷</span>
                                        <section class="item-comment c-777 font-25">
                                            <span class="font-22">可根据个人要求，自己组卷练习</span>
                                        </section>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="exam-link-item">
                            <a href="">
                                <div class="item-media">
                                    <span class="exam-in-item-icon exam-in-item-icon-4"></span>
                                </div>
                                <div class="item-inner">
                                    <div class="item-title">
                                        <span class="c-000 font-34">仿真测验</span>
                                        <section class="item-comment c-777 font-25">
                                            <span class="font-22">集合历年真卷，最有效的能力检测</span>
                                        </section>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </section>
                <Fixed active="考试" />
            </div>
        </div>
    </div>
</template>

<script>
// import "@/css/exam/examPublic.css";
// import "@/css/exam/examIndex.css";
// import "@/css/exam/icon/iconfont.css";
import Fixed from "@/components/footerFiexd";
export default {
  components: {
    Fixed
  }
};
</script>

<style scoped src="../../css/exam/examPublic.css"></style>
<style scoped src="../../css/exam/examIndex.css"></style>
<style scoped src="../../css/exam/icon/iconfont.css"></style>
